<template>
    <!--  弹出层  -->
    <u-popup :show="show" mode="center" @close="close" bgColor="transparent" customStyle="margin:0 auto;margin-top:13vh !important;">
        <view class="text-center p-relative popup-box">
            <view class="d-inline-block bg-white rounded-50 avatar" style="margin: 0 auto; margin-top: -24px !important;border-">
                <u-icon name="https://appcdn.uqrixayli.com/mini-app/kefu.png" size="60px"></u-icon>
            </view>
            <view class="fs-md mb-md">{{ $t('dir') == 'rtl' ? 'مۇلازىمەتچى' : '客服'}}</view>
            <view class="row flex-center">
                <image :src="qrCode" mode="scaleToFill" class="qr-code" />
            </view>
            <view class="fs-md ppp">{{ $t('ھەرقانداق مەسىلىگە يولۇقسىڭىز دەرھال مۇلازىمەتچى بىلەن ئالاقىلىشىڭ') }}</view>
            <!-- <view class="text-color" style="">{{ $t('contactMeAtNormalWorkingTime') }}</view> -->
            <view class="mt-xs text-color">{{ $t('خىزمەت ۋاقتى 10:00-18:00') }}</view>
            <view class="text-white d-inline-block app-bg login-btn" @click="close">{{ $t('iSee') }}</view>
        </view>
    </u-popup>
</template>
<script>
export default {
    name: 'help-popup',
    props: {
        show: {
            type: Boolean,
            default: false,
        }
    },
    data() {
        return {
            select: false,
            disabled: false,
            qrCode: 'https://appcdn.uqrixayli.com/mini-app/qr.png'
        }
    },
    created(){
        var qrCode = uni.getStorageSync('kefu')
        console.log('qrCode',qrCode)
        this.qrCode = qrCode
    },
    watch: {
        show(newValue, oldValue) {},
    },
    mounted() {},
    methods: {
        close(e) {
            this.$emit('close')
        },

        handleButtonClick() {},
    },
    beforeDestroy() {},
}
</script>
<style lang="scss" scoped>
.popup-box {
    background-image: linear-gradient(#fff, #fff1e8e0);
    width: 86vw;
    border-radius: 24px;
}

.login-btn {
    border-radius: 24px;
    font-size: 16px;
    padding: 6px 52px;
    margin: 36px 0;
}
.qr-code {
    width: 48vw;
    height: 48vw;
   
}
.ppp{
    padding: 25rpx;
}
.avatar{
    box-shadow: 0px 14px 62px -6rpx #d24f23;
}
.text-color {
    color: #5b5b5b;
}
</style>